<template>
    <div>
        <vue-ruler-tool
                :content-layout="{left:200,top:100}"
                :is-scale-revise="true"
                :v-model="presetLine"
        >
            <div class="test">我是一</div>
        </vue-ruler-tool>

    </div>
</template>

<script>

    import Vue from 'vue'
    import VueRulerTool from 'vue-ruler-tool'

    Vue.component('vue-ruler-tool', VueRulerTool)

    export default {
        name: "ruler",
        components: {
            VueRulerTool
        },
        data() {
            return {
                presetLine: [{type: 'l', site: 100}, {type: 'v', site: 200}]
            }
        }
    }
</script>

<style scoped>

</style>